{%include file="header.html" %} 
<style>
body
{
font-size: 30px;
}
#nav_bar_home, #nav_bar_discover, #nav_bar_shopping, #nav_bar_introduction
{
	font-size: 30px;
}

.CloseupRight	
{
	width:100%;
	}


	.link_tag a {
    border: 1px solid #E7E7E7;
    color: #6E6E6E;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    margin: 7px 3px 0;
    padding: 0 6px;
	

	}
	.link_tag .cur{
	
	 background: none repeat scroll 0 0 #FE8F00;
    color: #FFFFFF;
    font-weight: bold;
    padding: 1px;
	}

	




	</style>


	
	<style>

 .repeat {
    line-height: 20px;
    margin: 10px 0 0;
}
 .WB_media_expand {
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    margin: 5px 0 15px;
    padding: 10px 20px;
}

 .repeat .WB_arrow {
    margin-left: 500px;
}

 .WB_arrow {
    cursor: default;
    margin: -18px 0 0;
    position: absolute;
    width: 22px;
}

 .WB_arrow * {
    display: block;
    font-family: "SimSun";
    font-size: 12px;
    height: 12px;
    line-height: 1.231;
    overflow: hidden;
}
.S_line1_c {
    color: #D9D9D9;
}
address, caption, cite, code, dfn, em, i, th, var {
    font-style: normal;
    font-weight: normal;
}

 .WB_arrow span {
    margin: -11px 0 0;
}
 .WB_arrow * {
    display: block;
    font-family: "SimSun";
    font-size: 12px;
    height: 12px;
    line-height: 1.231;
    overflow: hidden;
}
.S_bg4_c {
    color: #FAFAFA;
}
 .repeat {
    line-height: 20px;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.S_line1 {
    border-color: #D9D9D9;
}
.clearfix {
    display: block;
}
 .repeat .input textarea {
    width: 558px;
}

 .action .ico_faces {
    display: inline;
    float: left;
    margin: 4px 10px 0 0;
}
.ico_faces {
    background-position: -275px 0;
    cursor: pointer;
}
.W_ico16 {
    background-image: url("../../../images/common/icon.png?id=1356595972991");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}
 .repeat .commoned_list {
    float: left;
    margin-top: 3px;
	
}

li {
    list-style: none outside none;
}

.W_checkbox, .W_radio {
    margin-right: 3px;
    vertical-align: -2px;
}
a:focus, input, textarea {
    outline-style: none;
}
 .repeat .input .btn {
    padding-bottom: 0;
    text-align: right;
	
}

.W_btn_a, .W_btn_a span, .W_btn_d, .W_btn_d span {
    color: #FFFFFF;
    cursor: pointer;
}
.W_btn_a, .W_btn_a span, .W_btn_b, .W_btn_b span, .W_btn_c, .W_btn_c span, .W_btn_d, .W_btn_d span, .W_btn_v, .W_btn_v span, .W_btn_a_disable, .W_btn_a_disable span, .W_btn_b_disable, .W_btn_b_disable span, .W_btn_c_disable, .W_btn_c_disable span, .W_btn_d_disable, .W_btn_d_disable span {
    background: url("../../../images/common/bg_btn.png?id=1356076046513") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 22px;
    line-height: 21px;
    padding: 0 0 0 2px;
}

.W_btn_a span, .W_btn_d span {
    background-position: right -30px;
}
.W_btn_a, .W_btn_a span, .W_btn_d, .W_btn_d span {
    color: #FFFFFF;
    cursor: pointer;
}
.W_btn_a span, .W_btn_a_disable span, .W_btn_b span, .W_btn_b_disable span, .W_btn_c span, .W_btn_c_disable span, .W_btn_d span, .W_btn_d_disable span, .W_btn_v span {
    min-width: 27px;
    padding: 0 9px 0 8px;
    text-align: center;
}

.comment_lists {
    overflow: hidden;
}
.comment_list {
    border-style: solid;
    border-width: 1px 0 0;
    margin: -1px 0 0;
    padding: 18px 0;
}
.S_line1 {
    border-color: #D9D9D9;
}

.comment_list dt {
    display: inline;
    float: left;
    padding: 3px 0 0;
    width: 30px;
}
.comment_list dt img {
    display: block;
}
fieldset, img {
    border: 0 none;
}
.comment_list dd {
    line-height: 21px;
    margin: 0 0 0 40px;
    vertical-align: text-bottom;
    word-wrap: break-word;
}

 .repeat .info,  .feed_repeat .info {
    text-align: right;
}
.comment_list dd .info {
    line-height: 15px;
    overflow: hidden;
    padding: 0;
}

.comment_list dd .info .hover {
    margin: 0 0 0 8px;
}
.comment_list .hover {
    visibility: hidden;
}
address, caption, cite, code, dfn, em, i, th, var {
    font-style: normal;
    font-weight: normal;
}
.W_btn_b span {
    background-position: right -390px;
}

</style>

	<div id="page" class="view">
             {%include file="top.html" %} 
           {%include file="shadow.html" %} 
            
            <div class="wfx">
                
                <div class="CloseupRight">
                    <div class="wt clearfix">
                        <div id="PinPinner">
                           <ul class="pin-board-switcher clearfix">
							
							<li class="first {%if !$g_show.sex%}selected{%/if%}">
                                <a href="/want/index_0.html" class="pin-link ">
                                   所有人
                                </a>
                            </li>
							
                            <li class=" last {%if $g_show.sex=='2'%}selected{%/if%}">
                                <a href="/want/index_2.html">
                                   妹子求组队
                                </a>
                            </li>
							
						 </ul>
                           
                        </div>
                      <div id="PinAddComment" data-id="33041272" class="clearfix">
							<div id="PinInputArea">
								
								<a title="" class="img x">
								{%if $g_show.current_user_info%}
									<img src="{%$g_show.current_user_info.head_url%}" class="avatar">
									{%else%}
									<img src="/images/user_icon/default/default_50.gif" class="avatar">
									{%/if%}
								</a>
								<div class="InputContainer Form FancyForm">
									<textarea autocomplete="off" id="CloseupComment" name="caption" 
									{%if $g_show.current_user_info%}

									{%if $g_show.topic_info%}
									default-value="这里发出的信息的将是“{%$g_show.topic_info.topic%}”类型，内容自动分享到微博，只允许发布求组队信息啊亲。。"
									{%else%}
									default-value="内容自动分享到微博，只允许发布求组队信息啊亲。。"
									{%/if%}
									
									{%else%}
									default-value="亲您还没有登录，右上角点登录后才可以发信息哦。。"
									{%/if%}
									></textarea>
									<ul style="display: none; z-index: 42; opacity: 0;" class="ac-choices">
									</ul>
									<label style="display: none;">
										添加评论或@好友
									</label>
									<span class="fff">
									</span>
								</div>
								<div id="PinAddCommentControls" style="display: block;">
									<a id="PostMblog" href="javascript:void(0);" onclick="return false;" class="btn btn13 wbtn">
										<strong>
											我也要组队{%$config.current_site_name%}
										</strong>
										<span>
										</span>
									</a>
								</div>
							</div>
						</div>
                        <div id="pin_comments">


						{%section name=count loop=$g_show.list%}
							<div class="comment clearfix" data-id="{%$g_show.list[count].id%}" mid="{%$g_show.list[count].mid%}" have_get_comment=0>
								<div class="fr" id="comment_action_btns">
									<!--<a class="pinViewReplyButton" title="回复" data-name="{%$g_show.list[count].create_nickname%}">
									</a>-->
									{%if $g_show.list[count].show_del%}
									<a class="DeleteComment" title="删除" data-url="">
									</a>
									{%/if%}
								</div>
								<a class="img x" title="" href="/want/user_{%$g_show.list[count].create_uid%}.html">
									<img alt="{%$g_show.list[count].create_nickname%}" class="avatar" width=50 height=50 src="{%$g_show.list[count].head_url%}">
								</a>
								<p class="meta">
								{%if $g_show.list[count].sex==2%}<em class="W_ico12 female" title="女"></em>{%else%}
						<em class="W_ico12 male" title="男"></em>{%/if%}
							
									<a class="author" href="/want/user_{%$g_show.list[count].create_uid%}.html">
											{%$g_show.list[count].create_nickname%}

									</a>
						
									
									<span class="ts-words">
										{%$g_show.list[count].create_time%}
									</span>
									说：
								</p>
								<p class="text">
									{%if $g_show.list[count].from == 2 %}
									<a  href="http://www.weibo.com/{%$g_show.list[count].user_info.openid%}/{%$g_show.list[count].mid_62%}">{%$g_show.list[count].content%}</a>
									{%else%}
									<a  href="http://t.qq.com/p/t/{%$g_show.list[count].mid%}%}">{%$g_show.list[count].content%}<br></a>
									{%/if%}
									<br><br>

								</p>

								<p class="meta" style="margin-right:0px;">
									<span class="ts-words">
										来自：{%$g_show.list[count].source%}
									</span>
									
									
									<span style=" float:right;margin-right: 20px;cursor:pointer ;">{%if $g_show.list[count].from == 2 %}
									<a  href="http://www.weibo.com/{%$g_show.list[count].user_info.openid%}/{%$g_show.list[count].mid_62%}">评论({%$g_show.list[count].count_reply%})</a>
									{%else%}
									<a  href="http://t.qq.com/p/t/{%$g_show.list[count].mid%}%}">评论({%$g_show.list[count].count_reply%})<br></a>
									{%/if%}

								</p>




<div style="display:none;" class="WB_media_expand repeat S_line1 S_bg4" node-type="feed_list_repeat">
    <div class="WB_arrow">
        <em class="S_line1_c">
            ◆
        </em>
        <span class="S_bg4_c">
            ◆
        </span>
    </div>
    <div>
        <!-- 评论框 -->
        <div class="S_line1 input clearfix" node-type="commentList">
            <div>
                <textarea node-type="textEl" name="" rows="" cols="" action-type="check"
                class="W_input" style="margin: 0px 0px 5px; padding: 5px 4px; border-style: solid; border-width: 1px; font-size: 12px; font-family: Tahoma,宋体; word-wrap: break-word; line-height: 18px; overflow: hidden; outline: medium none; height: 18px;"></textarea>
            </div>
            <div node-type="widget" class="action">
                <ul class="commoned_list" style="margin: 0 0 4px 5px;">
                    <li>
                        <label>
                            <input type="checkbox" name="forward"  value=1 class="W_checkbox is_add_mblog" checked=checked>
                            同时转发到我的微博
                        </label>
                    </li>
                </ul>
            </div>
            <p class="btn" style="display:inline;float:right;margin: 0 15px 4px;">
                <a onclick="return false" href="####" diss-data="module=scommlist&amp;group_source="
                action-type="post" class="W_btn_a ">
                    <span class="add_want_comment">
                        <b>
                        </b>
                        <em node-type="btnText">
                            评论
                        </em>
                    </span>
                </a>
            </p>
        </div>
        <!-- 已有评论列表 -->
        <div node-type="feed_list_commentList" class="comment_lists">
			<dd class="clear">
                </dd>
            </dl>
        </div>
    </div>
</div>




							</div>


						{%/section%}


                        </div>
						<div class="page-v3" >{%$g_show.page_bar%}</div>
						<br>
                </div>
            </div>
           
        </div>
        <div class="clear">
        </div>
		<div class="sm-mask" style="display:none;"></div>   
<script type="text/x-jquery-tmpl" id="add_private_message"  >
<div id="add_private_message_div" style="position: fixed; z-index: 10001; top: 108px; left: 350px;"
node-type="outer" class="W_layer" stk-mask-key="135639283877681">
    <div class="bg">
        <table cellspacing="0" cellpadding="0" border="0">
            <tbody>
                <tr>
                    <td>
                        <div node-type="layoutContent" class="content">
                            <div node-type="title" class="title" style="cursor: move;">
                                <span node-type="title_content">
                                    发私信
                                </span>
                            </div>
                            <a node-type="close" title="关闭" class="W_close" id="close_poup_add_mblog" href="javascript:void(0);">
                            </a>
                            <div node-type="inner">
                                <div>
                                    <div node-type="outer" class="W_private_letter">
                                        <table class="form_private">
                                            <tbody>
                                                <tr>
                                                    <th>
                                                        发&nbsp;&nbsp;给：
                                                    </th>
                                                    <td>
                                                        ${nickname}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <th>
                                                        内&nbsp;&nbsp;容：
                                                    </th>
                                                    <td node-type="uploadTd">
                                                        <p node-type="num" class="num" style="display: block;">
                                                            最多输入
                                                            <span>
                                                                300
                                                            </span>
                                                            字
                                                        </p>
                                                        <textarea node-type="textEl" name="" maxlength=300 id="add_private_message_content" class="W_no_outline" style="margin: 3px 0px 0px; padding: 3px; border-style: solid; border-width: 1px; font-size: 12px; font-family: Tahoma,宋体; word-wrap: break-word; line-height: 18px; overflow-y: auto; overflow-x: hidden; outline: medium none;"
                                                        range="0&amp;0"></textarea>
                                                        <div class="send_succpic" style="display: none;" node-type="successTip">
                                                        </div>
                                                       
                                                        <div class="btn_s fr">
                                                            <a action-type="submit" node-type="submit" value="${uid}" diss-data="module=msglayout"
                                                            href="javascript:void(0);" id="add_preivate_message_submit" class="W_btn_b btn_noloading">
                                                                <span>
                                                                    <b class="loading">
                                                                    </b>
                                                                    <em node-type="btnText">
                                                                        发送
                                                                    </em>
                                                                </span>
                                                            </a>
                                                        </div>
                                                        <ul fid="" style="display:none" node-type="uploadList" class="p_sendlist"
                                                        swfid="2609">
                                                        </ul>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
	
</script>


		{%include file="footer_js.html" %}    

		<script>

$(function(){
	
	
	$(".add_private_message").bind("click",function(e){
		
		YOUXIXIU.MAIN.CheckMessage.showdetail($(this).attr("uid"),$(this).attr("nickname"));
	})
	YOUXIXIU.MAIN.Tips.text_default_val("#CloseupComment");
	
	$(".add_notic").die("click");
		$(".add_notic").live("click",function(e){
			
			var mid = $(e.target).parent().attr("mid");
			var id = $(e.target).parent().attr("id");
			var is_add_mblog = $("#is_add_mblog").attr("checked")
			var is_add_mblog=0;
			if($("#is_add_mblog").attr("checked")==true)
			{
   				is_add_mblog=1;
   			}
		

			$.getJSON("/interface/mblog/json_add_mblog_want.php?type=add_comment&t=jsonp&id="+id+"&mid="+mid+"&is_add_mblog="+is_add_mblog+"&content="+encodeURIComponent(content)+"&callback=?", function(json){
			if(typeof(json)!='undefined')
			{

				if(json.error == 1)
				{
					YOUXIXIU.MAIN.Tips.Show(json.errmsg);
				}
				else
				{
				
					YOUXIXIU.MAIN.Tips.Show(json.errmsg,4000);
					
				}
				

				
			}
			
			
				
		});

		
	});

		$("#PostMblog").die("click");
		$("#PostMblog").live("click",function(e){
			
			var content = encodeURIComponent($("#CloseupComment").val());
			var topic_id = "{%$g_show.topic_id%}";
			if(topic_id <=0)
			{
				alert("请选择左侧的一个游戏～");
				return false;
			}
			
			$.getJSON("/interface/mblog/json_add_mblog_want.php?type=add_mblog&t=jsonp&topic_id="+topic_id+"&content="+content+"&callback=?", function(json){
			if(typeof(json)!='undefined')
			{

				if(json.error == 1)
				{
					YOUXIXIU.MAIN.Tips.Show(json.errmsg);
				}
				else
				{
				
					YOUXIXIU.MAIN.Tips.Show(json.errmsg,2000);
					location.href="?topic_id={%$g_show.topic_id%}&sex=";
				}
				

				
			}
			
			
				
		});

		
	});




	$(".reply_one").live("click",function(e){

		var nick = "回复@"+ $(e.target).attr("value")+":";
		$(e.target).parents(".comment").find("textarea").val(nick);
		$(e.target).parents(".comment").find("textarea").focus();

		
	})

	$(".DeleteComment").bind("click",function(e){
		
			var parent = $(this).parents(".comment");
			var id = parent.attr("data-id");
		
			$.getJSON("/interface/mblog/json_add_mblog_reply.php?t=jsonp&type=del&id="+id+"&callback=?", function(json){
			if(typeof(json)!='undefined')
			{

				if(json.error == 1)
				{
					YOUXIXIU.MAIN.Tips.Show(json.errmsg);
				}
				else
				{
				
					YOUXIXIU.MAIN.Tips.Show(json.errmsg);
					parent.hide();
					
						
				}
				

				
			}
			
			
		
			});
		});


	$(".pic_share").bind("click",function(e){
	
	var url = location.href;
	var title ="@{%$g_show.item.create_nickname%} 分享的图片太酷了，我很喜欢！"
	var pic = "{%$g_show.item.pic%}";
		window.open("http://service.weibo.com/share/share.php?pic="+pic+"&url="+url+"&title="+title+"&appkey=258339629");
	});



$(".toogle_comment").bind("click",function(e){
	
	var comment_div = $(e.target).parents(".comment");
	var mid = comment_div.attr("data-id");
	comment_div.find(".repeat").toggle();
	var have_get_comment =  comment_div.attr("have_get_comment");
	comment_div.attr("have_get_comment",1);
	if(have_get_comment == 0)
	{
		$.getJSON("/interface/want/json_get_comment.php?t=jsonp&type=del&mid="+mid+"&callback=?", function(json){
			if(typeof(json)!='undefined')
			{

				if(json.error == 1)
				{
					
				}
				else
				{
					
					var result = json.data;
					$("#add_want_comment").tmpl(result).appendTo(comment_div.find(".comment_lists"));
					
				}
				

				
			}
			
			
		
		});
	}

});


		
$(".add_want_comment").die("click");

$(".add_want_comment").live("click",function(e)
{

	var comment_div = $(e.target).parents(".comment");
	var mid = comment_div.attr("mid");
	var id = comment_div.attr("data-id");
	var content = encodeURIComponent(comment_div.find("textarea").val());
	var is_add_mblog=0;
	
	if($(e.target).parents(".comment").find(".is_add_mblog").attr("checked")=="checked")
	{
		is_add_mblog=1;
	}

	$.getJSON("/interface/mblog/json_add_mblog_want.php?type=add_comment&t=jsonp&id="+id+"&is_add_mblog="+is_add_mblog+"&mid="+mid+"&content="+content+"&callback=?", function(json){
			if(typeof(json)!='undefined')
			{

				if(json.error == 1)
				{
					YOUXIXIU.MAIN.Tips.Show(json.errmsg);
				}
				else
				{
				
					var html = '<dl class="comment_list"> <dt>';
					html +=  '<a href="#">';
					html += ' <img style="width:30px;height:30px;"   src="'+"{%$g_show.current_user_info.head_url%}"+'" alt="'+"{%$g_show.current_user_info.user_nickname%}"+'"></a></dt><dd>';
					html += ' <a ucardconf="type=1"  href="#">'+"{%$g_show.current_user_info.user_nickname%}";
					html += '</a>:'+comment_div.find("textarea").val()+'';
					html += '<div class="info"> <span class="W_linkb"><em class="hover"><em class="S_txt3"> </em></em><a  value="'+"{%$g_show.current_user_info.user_nickname%}"+'"  class="reply_one" href="javascript:void(0);"> 回复 </a> </span> </div>  <dd class="clear"></dd></dl>';
					
					comment_div.find(".comment_lists").html(html+comment_div.find(".comment_lists").html());
					 comment_div.find("textarea").val('');
					
				}
			}
			
		});


})


});
		


</script>



<script type="text/x-jquery-tmpl" id="add_want_comment"  >
{{each result}}
 <dl class="comment_list S_line1">
                <dt>
                    <a href="http://weibo.com/${create_uid}">
                        <img style="width:30px;height:30px;" 
                        src="${head_url}" alt="${create_nickname}">
                    </a>
                </dt>
                <dd>
                    <a ucardconf="type=1"  href="http://weibo.com/${create_uid}">
                        ${create_nickname}
                    </a>
                    ：${content} (${time_format})
                    <div class="info">
                        <span class="W_linkb">
                            <em class="hover">
                                <em class="S_txt3">
                                    |
                                </em>
                            </em>
                            <a  value=" ${create_nickname}" class="reply_one"  href="javascript:void(0);">
                                回复
                            </a>
                        </span>
                    </div>
                </dd>
                <dd class="clear">
                </dd>
            </dl>
			{{/each}}

		{{if count > 10}}<p class="more S_line1">
			更多评论点击内容查看微博
	   </p>
	   {{/if}}

</script>


  {%include file="footer.html" %} 